<!DOCTYPE html>
<html>
  <head>
      <link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css' rel='stylesheet' type='text/css'>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <script src="index.js"></script>
    <title>ChatOnBlaclchain</title>
  </head>
  <body>
    <div class="container-1">
      <h2>Welcome use this Chatting App</h2>
      <div>
          <div>当前账号：<h4 id="text"></h4></div>
          <div id="add_account">账号：</div>
          <div id="add_gender">性别：</div>
          <div id="add_password">密码：</div>
          <div id="add_id">id:</div>
          <div id="add_address">钱包地址：</div>
          <div style="border: 1px solid green"></div>
          <div id="inputText1">
              <input id="text1">
              <button class="btn btn-success" onclick="addNote()">addNote</button>
              <h4 id="text2"></h4>
              <h4 id="text3"></h4>
              <button class="btn btn-success" onclick="getNotesLen()">Length</button>
              <div id="history"></div>
          </div>

          <div class="" style="">
              <div>账号：<input id="ownaccount"></div>
              <div>性别：<input id="gender"></div>
              <div>密码：<input id="password"></div>
              <div>I  D ：<input id="id"></div>
              <button class="btn btn-success" onclick="submitAccout()">submitAccount</button>
              <button class="btn btn-success" onclick="getAccount()">getAccount</button>
              <button class="btn btn-success" onclick="getNotesHistory()">look notes</button>
          </div>

<!--聊天记录-->
          <div id="notes">
              <h4 id="notesHistory"></h4>
          </div>

      </div>
    </div>


  </body>
</html>
